<template>
  <div class="toast" v-show="isShowYs">
       <div >{{msg}}</div>
  </div>
</template>
<script>
export default {
  name: 'CodeToast',
  // props:{
  //   message:{
  //     type:String,
  //     default:''
  //   },
  //   isShow:{
  //     type:Boolean,
  //     default:false
  //   }
  // },
  data(){
    return {
      msg:"haha~",
      isShowYs:false
    }
  },
  methods: {
    // show(message,time){
    //       this.msg=message;
    //       this.isShowYs=true;
    //       setTimeout(() => {
    //          this.msg='';
    //          this.isShowYs=false;
    //       }, time);
    // }
  },
};
</script>
<style  scoped>
  .toast{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.7);
    padding:10px;
    font-size: 16px;
    color:#fff;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
    z-index: 9999;
  }
</style>